<template>
  <view class="scroll-view-containe">
    <!-- 左侧滚动视图区域 -->
    <scroll-view
      class="left-scroll-view"
      scroll-y="true"
      :style="{ height: wh + 'px' }"
    >
      <view class="left-scroll-view-item active">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
    </scroll-view>
    <!-- 右侧的滚动视图区域 -->
    <scroll-view
      class="left-scroll-view"
      scroll-y="true"
      :style="{ height: wh + 'px' }"
    >
      <view class="left-scroll-view-item active">zzzz</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
      <view class="left-scroll-view-item">xxx</view>
    </scroll-view>
  </view>
  ———————————————— 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA
  版权协议，转载请附上原文出处链接和本声明。
  原文链接：https://blog.csdn.net/weixin_44423378/article/details/142636152
</template>
